<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<script src="../static/js/jquery.min.js" type="text/javascript"></script>
<script src="../static/js/bootstrap.min.js"  type="text/javascript"></script>
<script src="../static/js/jquery-ui.js"  type="text/javascript"></script><!--日历-->
<script src="../static/js/ZeroClipboard.js" type="text/javascript"></script>
<link href="../static/css/bootstrap.min.css"  type="text/css" rel="stylesheet">
<link href="../static/css/jquery-ui.css"  type="text/css" rel="stylesheet">
<link href="../static/css/index.css" type="text/css" rel="stylesheet">

<title>保修</title>
</head>

<body>
<!--头部-->
<nav class="navbar navbar-default navbar-fixed-top  top" role="navigation">
  <div class="container-fluid">
  
        <div class="navbar-header" style=" width:100%;">
                  <a class="navbar-brand" href="javascript:history.go(-1);" style=" width:100%;  padding-right:0px;">
                  
                   <span class="glyphicon glyphicon-arrow-left white"></span>
               <!--    <span class="glyphicon glyphicon-pause white" style="margin-left:2%;"></span>-->
                   <span class="white" style="margin-left:10%">保修</span>
                   <span class="glyphicon glyphicon-user white" style="float:right"></span>
                 
                 
                  </a>
          
        
        </div>

   
  
  </div><!-- /.container-fluid -->
</nav>
<!--头部 end-->
<!--主体部分-->

<div class="container" style="margin-top:70px;">
     <div class="row" style="margin-right:10%;">
      <div  class="col-xs-sm  text-right" > <a class="btn btn-primary" href="repairs_add.html" style="width:30%">增加</a></div>
     </div><!--row  end-->
     
     
      <div class="row" style="margin-top:15px;margin-left:1px; margin-right:1px;">
          <form action="" method="post" class="form-horizontal">
          
            <div class="form-group">
                <label for="inputEmail3" class="col-sm-2 control-label">用户名</label>
                <div class="col-sm-10">
                  <input type="text" class="form-control cardid" id=""  value="林老师">
                </div>	
           </div>
          </form>
         <table class="table table-striped table-bordered text-center"  id="middles">
            <tr>
            
            <td>用户名</td>
            <td>林老师</td>
            
            </tr>
            
            <tr>
            
            <td>日期</td>
            <td>2015/7/8</td>
            
            </tr>
            
             <tr>
            
            <td>位置信息</td>
            <td>1</td>
            
            </tr>
             <tr>
            
            <td>公共区域</td>
            <td>1</td>
            
            </tr>
            
            
               <tr>
            
            <td>保修内容</td>
            <td>投影机坏</td>
            
            </tr>
            
            
            
            <tr>
            <td>操作</td>
             <td >
               <a type="button" class="btn btn-warning" href="repairs_select.html" >查看</a>  
               <a type="button" class="btn btn-danger" href="repairs_update.html" >修改</a> 
                <a type="button" class="btn btn-success" href="" id="copycardid" >复制</a> 
               </td>           
            </tr>
           
       </table>
       
       
        
       
      
      </div>  
    
       
</div><!--container  end-->

<!--主体部分  end-->
<!--底部-->

<div class="container" style="margin-top:25%;">
    <div class="row">
       
     <div class="footer navbar-fixed-bottom">
      <div class="col-xs-12" style=" height:15%"></div>
        <div class="col-md-4  col-xs-4 text-center" >
          <p class="glyphicon glyphicon-home white footer_font"></p>
          <p><a href="" class="white  footer_font2">首页</a></p>
        </div>
        
         <div class="col-md-4 col-xs-4 text-center white  ">
           <p class="glyphicon glyphicon-comment white  footer_font"></p>
           <p><a href=""  class="white  footer_font2">消息</a></p>
         </div>
          <div class="col-md-4 col-xs-4 text-center white" >
           <p class="glyphicon glyphicon-asterisk white footer_font"></p>
           <p ><a href=""  class="white  footer_font2">设置</a></p>
          </div>
        
     </div><!--footer  end-->
    
    </div><!--row  end-->

</div><!--container  end-->


<!--底部end-->
<!--日历-->
<script>
  $(function() {
    $( "#datepicker" ).datepicker({
		
        changeMonth: true,
        changeYear: true
	  
    });
	
	$( "#datepicker2" ).datepicker({
		
        changeMonth: true,
        changeYear: true
	  
    });
  });
  </script>
  <script type="text/javascript">
$(function(){
	init();
});
function init() {
	var clip = new ZeroClipboard.Client(); // 新建一个对象
	clip.setHandCursor( true );
	clip.setText($('.cardid').val()); // 设置要复制的文本。
	clip.addEventListener( "mouseUp", function(client) {
		alert("复制卡号成功！");
	});
	// 注册一个 button，参数为 id。点击这个 button 就会复制。
	//这个 button 不一定要求是一个 input 按钮，也可以是其他 DOM 元素。
	clip.glue("copycardid"); // 和上一句位置不可调换
}
</script>
</body>
</html>
